
<template>
    <el-button :plain="true" >成功</el-button>
    
    <el-container>
        <el-aside width="20vw" class="header">
            <AsideNav :classifiData="classifiData" @handle-click="handleNavClick">

            </AsideNav>
        </el-aside>
        <el-container>
            <el-header>
                <div class="title">
                    <el-input class="title-input" v-model="noteData[currentIndex].noteTitle" :placeholder="placeholder"
                        maxlength="30" style="font-size:x-large; height: 75px; border: 0;" @input="onInput">
                    </el-input>
                </div>
                <div class="logo">

                </div>
            </el-header>
            <el-main>
                <MdEditor>

                </MdEditor>
            </el-main>
        </el-container>

    </el-container>

</template>

<script>
//import TitleInput from '../components/TitleInput.vue';
import MdEditor from '../components/MdEditor.vue';
import ScroBar from '../components/ScroBar.vue';

export default {
    components: { /*TitleInput,*/ MdEditor, ScroBar, },
    data() {
        return {
            text: "",
            classifiData: [
                { classifiID: 1, classifiName: '线性代数' },
                { classifiID: 2, classifiName: '线性代数' },
                { classifiID: 3, classifiName: '线性代数' },
                { classifiID: 4, classifiName: '线性代数' },
                { classifiID: 5, classifiName: '线性代数' },
                { classifiID: 6, classifiName: '线性代数' },
            ],
            noteData: [
                { classificID: '1', noteID: '1', noteTitle: "线性代数", noteContent: "121212121", descTime: '2022', createTime: '2022' }
            ],
            currentIndex: 0,
            placeholder: '请输入标题'
        }
    }, methods: {
        handleNavClick: function (id) {
            alert(id);
        },
        onInput() {
            console.log(this.noteData[this.currentIndex].noteTitle)
        }
    }
}
</script>

<style scoped>
.title {
    width: 50%;
}

.title>>>.el-input__wrapper {
    border: 0;
    box-shadow: none;
}
</style>
